<div class="container title-cont">
    <h2>智能生活-1组</h2>
    <div class="view">
        <span class="r-view"><i class="glyphicon glyphicon-check"> </i> 25000报名</span>
        <span class="r-view"><i class="glyphicon glyphicon-heart"></i> 2500人投票</span>
    </div>
</div>
<div class="jumbotron">
    <img src="image/im.jpg" class="img-responsive  sp-effect3" alt="" />
    <header>
        <div class="social-wrapper">
            <ul class="brands brands-inline   sp-effect1">
                <li><a href="#">编号： 10023</a>
                </li>
            </ul>
            <h2 class=" sp-effect3">王某某</h2>
            <ul class="brands brands-inline   sp-effect2">
                <li><a href="#"><i class="glyphicon glyphicon-thumbs-up"></i> 10245票</a>
                </li>

            </ul>
            <div class="progress">
                <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                    40%
                </div>
            </div>

        </div>
    </header>

    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-sm-2 hidden-xs  sp-effect1">
                    <a href="#"><img src="image/im.jpg" class="image-bordered img-responsive" alt="" />
                    </a>
                </div>

                <div class="col-md-7 col-sm-6  sp-effect1">
                    <h3>参赛宣言</h3>
                    <p>没有什么不可能，只要你去做！</p>
                    <p class="caveat"><i class="glyphicon glyphicon-info-sign"></i>禁止刷票行为，一经发现取消参赛资格！</p>

                </div>
            </div>

        </div>
    </section>


    <header>
        <div style="padding-top: 10px">
            <button type="button" class="btn btn-primary btn-lg scroll  sp-effect1  post-masonry" data-toggle="modal" data-target="#modal-message">
                <i class="glyphicon glyphicon-heart"></i> 投Ta一票
            </button>
            <button type="button" class="btn btn-reference btn-lg btn-active scroll  sp-effect2" data-toggle="modal" data-target="#modal-mcover"><i class="glyphicon glyphicon-bullhorn"></i> 拉票
            </button>
        </div>
    </header>
    <div id="modal-mcover" onclick="document.getElementById('mcover').style.display='';" style="display: none;">
        <img src="image/guide.png">
    </div>
</div>
